<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>享久</title>
    <link rel="stylesheet" href="style.css">

</head>

<body>
    <div class="box pc">
        <div class="box-main">
            <div class="main-hero">
                <div class="row">
                    <!--主要视图区域-->
                    <div class="row-left">


                        <img src="images/hero.png" alt="产品主图">

                    </div>
                    <div class="row-right">
                        <h1>享久外用延时喷剂三代加强版(金典型)</h1>
                        <p class="describe">
                            配方加倍，舒适加倍，效果加倍。<br>

                            体感更温和，快感更强烈。
                            <br>
                            每次0.07毫升，可喷85次左右。<br>

                            房事前15分钟使用，15小时内均有延时效果。<br>

                            即使不清洗，口爱也无察觉。
                        </p>
                        <p><img style="max-width: 92%;" src="images/biaoshi01.png"></p>
                        <p class="list-describe "><span>净含量：</span>6ml</p>
                        <p class="list-describe"><span>全国统一零售价：</span>850元</p>
                        <p class="list-describe"><span>上市时间：</span>2022年</p>
                    </div>
                </div>
            </div>

            <!--中间文本-->
            <div class="main-title">金典加强&nbsp;&nbsp;带来全新体验</div>

            <!--产品描述-->
            <div class="main-describe">

                <div class="info">
                    <h3>使用说明</h3>
                    <p>
                        喷涂前用温水香皂清洗龟喷涂时紧贴龟头冠状沟左右两侧各喷一下，每喷一下用包皮前后拉扯几下使其涂抹均匀。使用滴管，<br>

                        初次采用0.07毫升，平均滴在龟头冠状沟左右两侧，请勿过量。如果效果不理想，按0.01毫升比例进行递增或递减。喷/滴完后<br>

                        包皮务必前拉，持续包住涂抹部位至充分吸收。
                    </p>
                    <h3 class="title">注意事项</h3>
                    <p>
                        • 本产品不具有任何治疗作用。<br>

                        • 产品使用前请您务必阅读产品说明，同时扫描产品包装上的二维码查看使用视频。在使用前或使用过程中有任何问题，<br>
                        &nbsp;&nbsp;请拨打我们的使用指导服务热线，有专门的团队为您解答。
                    </p>

                    <!--观看视频链接-->
                    <div class="video">
                        <h3>
                            <a href="#" target="_blank">观看使用视频</a>
                        </h3>

                    </div>
                </div>
            </div>

            <!--图片列表-->
            <div class="main-list">
                <div class="list">
                    <div class="item-box">
                        <div class="item">
                            <img src="images/zs01.jpg" alt="产品展示">
                            <p>证书展示</p>
                        </div>
                        <div class="item">
                            <img src="images/zs02.jpg" alt="产品展示">
                            <p>产品展示2</p>
                        </div>
                        <div class="item">
                            <img src="images/zs03.jpg" alt="产品展示">
                            <p>产品展示3</p>
                        </div>
                    </div>
                    <div class="item-box">
                        <div class="item">
                            <img src="images/zs01.jpg" alt="产品展示">
                            <p>产品展示1</p>
                        </div>
                        <div class="item">
                            <img src="images/zs02.jpg" alt="产品展示">
                            <p>产品展示2</p>
                        </div>
                        <div class="item">
                            <img src="images/zs03.jpg" alt="产品展示">
                            <p>产品展示3</p>
                        </div>
                    </div>
                </div>

            </div>


        </div>
</body>

</html>